.category-box{
	border-radius: 6px;
	border: 1px solid #E0E0E0;
	background-color: #fff;
	margin-top: 20px;
}
.category-box .category-item a{
	display: inline-block;
	height: 35px;
	line-height: 35px;
	padding: 0px 15px;
	
	color: #666;
}
.category-box .category-item a.active{
	color:#F84E4E;
}
.article-list{
	margin: 0 !important;
	padding: 0;
}
.article-list >ul{
	padding-left: 0px;
	padding-right: 0px;
}
.article-list >ul>li{
	float: left;
	border-radius: 6px;
	border: thin solid #ccc;
	width: 24.2%;
	margin-top: 15px;
	margin-bottom: 15px;
	height: 360px;
	position: relative;
	background: #fff;
}
.article-list ul li .cover{
	height: 142px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
}
.article-list ul li .title{
	font-size: 16px;
	padding: 5px 15px;
	color: #333;
	line-height: 25px;
}
.article-list ul li .disc{
	font-size: 14px;
	color: #888;
	height: 106px;
	padding:0 15px 15px 15px;
	line-height: 22px;
	overflow: hidden;
}
.article-list ul li .view-info{
	position: absolute;
	bottom: 15px;
}
.article-list ul li span.view{
	padding: 5px;
	height: 30px;
	line-height:30px;
	margin-left: 15px;
}
.main-title{
	border-bottom: 1px dashed #888;
	padding-bottom: 25px;
	padding-top: 25px;
	margin-bottom: 20px;
}
.article-title{
	color: #2F323B;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 26px;
	line-height: 40px;
}
#contents{
	word-wrap: break-word;
	font-size: 18px;
	color: #333;
	line-height: 31px;
}

#contents p{
	margin: 10px 5px;
}

#contents .goods-extend .goods-img{
	
}
#contents .goods-extend .goods-title{
	color: #F96E57;
}
.content_tag,.content_tag:link,.content_tag:hover{
	color: #00A0DC;
}
.tags em{
	font-size: 16px;
}
.tags .content_tag{
	color: #fff;
}
#contents .goods-extend div{
	border-left: 3px solid #F84E4E;
	padding-left: 5px;
	height: 40px;
	line-height: 40px;
	margin-top: 5px;
}
#contents .goods-extend .price{
	color: #F84E4E;
	
}
#contents .goods-extend .btn-circle{
	color: #F84E4E;
	border:1px solid #F84E4E;
	display: inline-block;
	border-radius: 15px;
	margin-left: 50px;
}
.article-right ul li{
	padding: 5px;
}
.article-right ul li a:hover{
	color: #f60;
}
/*文章*/
 .article .list .cover{
	height: 100%;
	
 }
.article .list .item{
	padding-left: 0;
	padding-right: 20px;
	height: 200px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	border-radius: 8px;
	background-color: #fff;
	overflow: hidden;
}
.article .list .item .title{
	font-weight: bold;
	margin-top: 20px;
}
.article .list .item a:hover{
	background-color: #F72C55
}

.article .list .item .info{
	padding-left: 15px;
}
.article .list .item .info .disc{
	color:#888
}
.article .list .item .read{
	float: right;
	background-color: #25B6C6;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 5px;
}
.main-content .tags em{
	font-size: 18px;
}
.main-content .tags .content_tag,.main-content .tags .content_tag:hover,.main-content .tags .content_tag:link{
	font-size: 16px;
	display:inline-block;
	padding-right:20px;
	color: #00a0dc;
}
#next{
	width: 100%;
text-align: center;
clear: both;
display: block;
height: 76px;
border-radius: 6px;
background: #FFF none repeat scroll 0% 0%;
border: 1px solid #DEDEDE;
line-height: 76px;
margin: 0px auto 30px;
}

.comment{
	margin-top: 20px;
	border-top: 1px solid #ccc;
	float: left;
	width: 100%;
}
.comment .comment-cell{
	padding: 20px;
}
.comment .comment-cell .comment-content{
	padding-top: 10px;
	text-indent: 2em;
}
.comment .comment-cell .comment-body{
	border-top:1px solid #ccc;
}
.comment .comment-cell .comment-body div{
	line-height: 30px;
}
.comment .comment-cell .comment-operate .create-time,.comment .comment-user{
	color: rgba(0,0,0,0.3);
}
.comment .comment-cell .comment-user .avatar img{
	width: 48px;
	height: 48px;
	border-radius: 24px;
}